<template>
  <div class="page-layout">
    <div class="page-content">
      <slot></slot>
    </div>
    <div class="page-footer" style="background: var(--favoriteBg)" v-if="showFooter">
      <myFooter></myFooter>
    </div>
  </div>
</template>

<script setup>
import { defineProps } from 'vue';
import myFooter from "../common/myFooter.vue";

const props = defineProps({
  showFooter: {
    type: Boolean,
    default: true
  }
});
</script>

<style scoped>
.page-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.page-content {
  flex: 1;
}
</style> 